<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:pe="http://primefaces.org/ui/extensions">
    <ui:composition template="/view/templates/layout.xhtml">
        <ui:define name="title">Registro</ui:define>
        <ui:define name="menu">
            <ui:include src="/view/templates/smp-menu.xhtml"/>
        </ui:define>
        <ui:define name="body">
            <h:form id="formRegistro" prependId="false">
            <p:growl id="growl" globalOnly="true" showSummary="true" showDetail="true" autoUpdate="true" />
                <div class="row">
                    <div class="col-md-offset-2 col-md-8">
                        <div class="panel panel-primary">
                            <div class="panel-heading">Nuevo Registro</div>
                            <div class="panel-body">
                                <p:outputLabel value="#{msg.gr_registrar_Usuario}:"/>
                                <pe:fluidGrid vGutter="10" hGutter="40">
                                    <pe:fluidGridItem>    
                                        <p:inputText id="nick" value="#{RegistrarController.medicoCreate.usuario.nick}" style="margin: 5px;" 
                                                     styleClass="#{(RegistrarController.validarUsuario)? 'alert alert-danger' : 'form-control'}"
                                                     placeholder="#{(RegistrarController.validarUsuario)? msg.gr_registrar_NickUsado : msg.obj_usuarioNick}"
                                                     validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                            <f:validateRegex pattern="[A-Za-z]+"/>
                                            <p:ajax event="blur" listener="#{RegistrarController.executeValidarUsuario}" update="nick" />
                                        </p:inputText>
                                        <p:message for="nick"/>
                                    </pe:fluidGridItem> 
                                    <pe:fluidGridItem>  
                                        <p:password id="pass" value="#{RegistrarController.medicoCreate.usuario.pass}" style="margin: 5px;" styleClass="form-control"
                                                    placeholder="#{msg.obj_usuarioPass}"
                                                    validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                            <f:validateRegex pattern="[A-Za-z]+"/>
                                        </p:password>
                                        <p:message for="pass"/>
                                    </pe:fluidGridItem> 
                                    <pe:fluidGridItem>  
                                        <p:password id="passDos" value="#{RegistrarController.medicoCreate.usuario.pass}" style="margin: 5px;" styleClass="form-control"
                                                    placeholder="#{msg.obj_usuarioRepeatPass}"
                                                    validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                            <f:validateRegex pattern="[A-Za-z]+"/>
                                        </p:password>
                                        <p:message for="passDos"/>
                                    </pe:fluidGridItem> 
                                </pe:fluidGrid>
                                <p:outputLabel value="#{msg.grn_datos_Nombre}:"/>
                                <pe:fluidGrid vGutter="10" hGutter="40">
                                    <pe:fluidGridItem>  
                                        <p:inputText id="nombre" value="#{RegistrarController.medicoCreate.nombre}" style="margin: 5px;" styleClass="form-control"
                                                     placeholder="#{msg.obj_personaNombre}"
                                                     validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                            <f:validateRegex pattern="[A-Za-z]+"/>
                                        </p:inputText>
                                        <p:message for="nombre"/>
                                    </pe:fluidGridItem> 
                                    <pe:fluidGridItem>  
                                        <p:inputText id="apPaterno" value="#{RegistrarController.medicoCreate.apPaterno}" style="margin: 5px;" styleClass="form-control"
                                                     placeholder="#{msg.obj_personaApPaterno}"
                                                     validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                            <f:validateRegex pattern="[A-Za-z]+"/>
                                        </p:inputText>
                                        <p:message for="apPaterno"/>

                                    </pe:fluidGridItem> 
                                    <pe:fluidGridItem>  
                                        <p:inputText id="apMaterno" value="#{RegistrarController.medicoCreate.apMaterno}" style="margin: 5px;" styleClass="form-control"
                                                     placeholder="#{msg.obj_personaApMaterno}"
                                                     validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                            <f:validateRegex pattern="[A-Za-z]+"/>
                                        </p:inputText>
                                        <p:message for="apMaterno"/>
                                    </pe:fluidGridItem> 
                                </pe:fluidGrid>
                                <p:outputLabel value="#{msg.grn_datos_gr}:"/>
                                <pe:fluidGrid vGutter="10" hGutter="40">
                                    <pe:fluidGridItem>  
                                        <div style="width: 185px;">
                                            <p:outputLabel for="genero" value="#{msg.obj_personaGenero}:"/>
                                            <p:selectOneRadio id="genero" value="#{RegistrarController.medicoCreate.genero}"  layout="pageDirection" 
                                                              styleClass="ui-radio-button-custome"
                                                              validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                                <f:selectItem itemLabel="#{msg.obj_personaMasculino}" itemValue="1" />    
                                                <f:selectItem itemLabel="#{msg.obj_personaFemenino}" itemValue="2" />    
                                            </p:selectOneRadio>
                                            <p:message for="genero"/>
                                        </div>
                                    </pe:fluidGridItem> 
                                    <pe:fluidGridItem>  
                                        <p:inputText id="celular" value="#{RegistrarController.medicoCreate.celular}" style="margin: 5px;" styleClass="form-control"
                                                     placeholder="#{msg.obj_personaCelular}"
                                                     validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                            <f:validateRegex pattern="[0-9]+"/>
                                        </p:inputText>
                                        <p:message for="celular"/>
                                    </pe:fluidGridItem> 
                                    <pe:fluidGridItem>  
                                        <p:inputText id="telefono" value="#{RegistrarController.medicoCreate.telefono}" style="margin: 5px;" styleClass="form-control"
                                                     placeholder="#{msg.obj_personaTelefono}"
                                                     validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                            <f:validateRegex pattern="[0-9]+"/>
                                        </p:inputText>
                                        <p:message for="telefono"/>
                                    </pe:fluidGridItem> 
                                    <pe:fluidGridItem>  
                                        <p:inputText id="email" value="#{RegistrarController.medicoCreate.email}" style="margin: 5px;" styleClass="form-control"
                                                     placeholder="#{msg.obj_personaEmail}"
                                                     validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                            <f:validateRegex pattern="^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,6}$" />
                                        </p:inputText>
                                        <p:message for="email"/>
                                    </pe:fluidGridItem> 
                                </pe:fluidGrid>
                                <p:outputLabel value="#{msg.grn_datos_Domicilio}:"/>
                                <pe:fluidGrid vGutter="10" hGutter="40">
                                    <pe:fluidGridItem>  
                                        <p:inputText id="ciudad" value="#{RegistrarController.medicoCreate.ciudad}" style="margin: 5px;" styleClass="form-control"
                                                     placeholder="#{msg.obj_personaCiudad}"
                                                     validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                            <f:validateRegex pattern="[A-Za-z]+"/>   
                                        </p:inputText>
                                        <p:message for="ciudad"/>
                                    </pe:fluidGridItem> 
                                    <pe:fluidGridItem>  
                                        <p:inputText id="estado" value="#{RegistrarController.medicoCreate.estado}" style="margin: 5px;" styleClass="form-control"
                                                     placeholder="#{msg.obj_personaEstado}"
                                                     validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                            <f:validateRegex pattern="[A-Za-z]+"/>
                                        </p:inputText>
                                        <p:message for="estado"/>
                                    </pe:fluidGridItem> 
                                    <pe:fluidGridItem>  
                                        <p:inputText id="colonia" value="#{RegistrarController.medicoCreate.colonia}" style="margin: 5px;" styleClass="form-control"
                                                     placeholder="#{msg.obj_personaColonia}"
                                                     validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                            <f:validateRegex pattern="[A-Za-z0-9]+"/>
                                        </p:inputText>
                                        <p:message for="colonia"/>
                                    </pe:fluidGridItem> 
                                    <pe:fluidGridItem>  
                                        <p:inputText id="cp" value="#{RegistrarController.medicoCreate.codigoPostal}" style="margin: 5px;" styleClass="form-control"
                                                     placeholder="#{msg.obj_personaCodigoPostal}"
                                                     validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                            <f:validateRegex pattern="[0-9]{5}"/>
                                        </p:inputText>
                                        <p:message for="cp"/>
                                    </pe:fluidGridItem> 
                                </pe:fluidGrid>
                                <p:outputLabel value="#{msg.grn_datos_md}:"/>
                                <pe:fluidGrid vGutter="10" hGutter="40">
                                    <pe:fluidGridItem>  
                                        <p:inputText id="especialidad" value="#{RegistrarController.medicoCreate.especialidad}" style="margin: 5px;" styleClass="form-control"
                                                     placeholder="#{msg.obj_medicoEspecialidad}"
                                                     validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                            <f:validateRegex pattern="[A-Za-z]+"/>
                                        </p:inputText>
                                        <p:message for="especialidad"/>
                                    </pe:fluidGridItem> 
                                    <pe:fluidGridItem>  
                                        <p:inputText id="cedula" value="#{RegistrarController.medicoCreate.cedula}" style="margin: 5px;" styleClass="form-control"
                                                     placeholder="#{msg.obj_medicoCedula}"
                                                     validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                            <f:validateRegex pattern="[A-Za-z0-9]+"/>
                                        </p:inputText>
                                        <p:message for="cedula"/>
                                    </pe:fluidGridItem> 
                                </pe:fluidGrid>
                            </div>
                            <div class="panel-footer">
                                <center>
                                    <p:commandButton value="#{msg.grn_botonAgregar}" update="formRegistro" styleClass="ui-button-custome"
                                                     actionListener="#{RegistrarController.executeRegistrarUsuario}"/>
                                    <p:commandButton id="cBLimpiar" value="#{msg.grn_botonLimpiar}"  styleClass="ui-button-custome" 
                                                     actionListener="#{RegistrarController.executeLimpiarObejects}">
                                        <p:ajax update=":formRegistro " resetValues="true" />  
                                    </p:commandButton>
                                </center>
                            </div>
                        </div>
                    </div>
                </div>
            </h:form>
        </ui:define>
    </ui:composition>

</html>

